<template>
  <div class="peoplebuy">
    <div class="bgimg">
      <img
        src="//m.360buyimg.com/babel/jfs/t1/199837/25/7763/182742/613a2be1E7ad6d7bd/052f6e16f80c15c0.gif"
      />
      <img
        class="special-banner-innerImg"
        src="//m.360buyimg.com/babel/jfs/t1/83161/24/16942/194356/613a2c05E6231e791/1817aa6eb40ea671.gif"
        alt=""
      />
      <img
        class="lazyload-img hotzone-pic lazyload-img-wmh size50 transparent fadein"
        src="//m.360buyimg.com/babel/jfs/t1/181158/4/6879/52743/60b5e90bE7eba2930/3b8e96ed9ec6c823.jpg!q70.dpg"
        style="background-color: transparent; background-image: none;"
      />
    </div>
    <GoodsList />
  </div>
</template>
<script>
import { reactive, toRefs, onActivated, onDeactivated } from "vue";
import GoodsList from "@/components/promotion/peoplebuyGood.vue";
export default {
  name: "peoplebuy",
  components: {
    GoodsList,
  },
  setup() {
    const data = reactive({});
    let rushbuyScroll = 0;
    onActivated(() => {
      // console.log(rushbuyScroll)
      document.getElementById("app").scrollTop = rushbuyScroll;
    });
    onDeactivated(() => {
      //  console.log(rushbuyScroll)
      rushbuyScroll = document.getElementById("app").scrollTop;
    });
    return { ...toRefs(data) };
  },
};
</script>
<style lang="scss" scoped>
.peoplebuy {
  background: #cdf7ed;
  min-height: 100vh;
  img {
    display: block;
  }
}
</style>
